// 加载样式
.loading_btm {
	@wh: 0.44rem;
	text-align: center;
	padding: 10px 0;
	font-size: 0.32rem;
	b, i, em { vertical-align: middle;}
	em {
		margin-right: 0.1rem;
		display: inline-block;
		height: 0.44rem;
		width: 0.44rem;
		overflow: hidden;
		background: url('@{pimg}loading.gif') no-repeat;
		background-size: 0.44rem 0.44rem;
	}
	b {
		margin-right: 0.1rem;
		display: inline-block;
		height: @wh;
		width: @wh;
		overflow: hidden;
		background: url('@{pimg}loading_txt.png') no-repeat;
		background-size: @wh @wh;
		&:before {
			display: block;
			height: 100%;
			width: 100%;
			vertical-align: middle;
			content: "";
			background: url('@{pimg}loading.png') no-repeat;
			background-size: @wh @wh;
			animation: loading_rotate 0.8s linear infinite;
		}
	}
}

// 遮罩层加载
.loading_pop {
	@wh: 0.88rem;
	position: fixed;
	top: @wh; left: 0;
	z-index: 99;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	display: flex;
	align-items:center;
	justify-content:center;
	em {
		display: block;
		height: @wh;
		width: @wh;
		overflow: hidden;
		background: url('@{pimg}loadingJSbg.png') no-repeat;
		background-size: 16.20rem 0.88rem;
		&:before {
			display: block;
			height: 100%;
			width: 100%;
			content: "";
			background: url('@{pimg}loading_txt.png') no-repeat;
			background-size: @wh @wh;
		}
	}
	b {
		margin-right: 0.1rem;
		display: block;
		height: @wh;
		width: @wh;
		overflow: hidden;
		background: url('@{pimg}loading_txt.png') no-repeat;
		background-size: @wh @wh;
		&:before {
			display: block;
			height: 100%;
			width: 100%;
			vertical-align: middle;
			content: "";
			background: url('@{pimg}loading.png') no-repeat;
			background-size: @wh @wh;
			animation: loading_rotate 0.8s linear infinite;
		}
	}
	&.all { top: 0;}
}

@keyframes loading_rotate {
	from { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}